<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>IOS STYLE SELECT</title>
	<link rel="stylesheet" href="ios-select.css">
</head>
<body>
	<h2>IOS STYLE SELECT:</h2>
	<div class="ios-select-container">
		
	</div>
	<script src="ios-select.js"></script>
	<script type="text/javascript">


	    var options=[
	    
           {'value':'1','text':'01'},
           {'value':'2','text':'02'},
           {'value':'3','text':'03'},
           {'value':'4','text':'04'},
           {'value':'5','text':'05'},
           {'value':'6','text':'06','selected':"selected"},
           {'value':'7','text':'07'},
         	{'value':'8','text':'08'},
           {'value':'9','text':'09'},
           {'value':'10','text':'10'},
           {'value':'11','text':'11'},
           {'value':'12','text':'12'},
           {'value':'13','text':'13'},
           {'value':'14','text':'14'},
           {'value':'15','text':'15'},
           {'value':'16','text':'16'},
            {'value':'17','text':'17'},
           {'value':'18','text':'18'},
           {'value':'19','text':'19'},
           {'value':'20','text':'20'},
           {'value':'21','text':'21'},
           {'value':'22','text':'22'}
	    ]

		window.onload=function(e){
			new iosStyleSelect({
				"id":"ios-select",
				"height":180,
				"width":50,
				"data":options});
		}
	</script>
</body>
</html>